@import "./_mixin";

.shoping-page{
    header{
        background: #ffb42a;
        background: -webkit-linear-gradient(#ffc031, #ffac25);
        background: -o-linear-gradient(#ffc031, #ffac25);
        background: -moz-linear-gradient(#ffc031, #ffac25);
        background: linear-gradient(#ffc031, #ffac25);
        padding:0.25rem 0.0rem;
        margin-bottom:0.35rem;
        .vux-flexbox-item{
            span , em, strong{
                display:block;
                color:#fff;
            }
            span{
                @include fz(20px);
                margin-bottom:0.15rem;
                img{
                    width:0.6rem;
                    vertical-align:middle;
                    margin-left:0.25rem;
                }
            }
            em{
                margin-bottom:0.15rem;
            }
            strong{
                @include fz(25px);
            }
        }
    }


    .protrait{
    	margin:auto;
    	height:1.8rem;
    	width:1.8rem;
    	border-radius:50%;
    	display:block;
    }
    .filter{
        background:#fff;
        padding:0.25rem 0.2rem;
        .p_btn, .gr_btn, .m_btn{
            border:none;
            padding:0.15rem 0.4rem;
            @include fz(14px);
        }
        .vux-flexbox-item{
            vertical-align:middle;
        }
        input[type='text']{
            width:100%;
            border: 0.025rem solid #ddd;
            border-radius: 0.075rem;
            padding:0.1rem;
            @include fz(15px);
            text-align:center;
            padding:0.15rem 0.0rem;
        }
        input[type='date']{
            display: block;
            border: none;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            z-index:99;

        }
        .inline-calendar{
            span{
                white-space:nowrap;
                @include fz(16px);
            }
            .calendar-title, .week{
                @include fz(16px);
            }
        }
        .weui_cell_ft{
            @include fz(16px);
            white-space:nowrap;
            text-align: center;
        }
        .weui_cell_ft.with_arrow:after{
            display:none;
        }
        .weui_cell{
            border: 0.025rem solid #ddd;
            border-radius:0.075rem;
        }
        .inline-calendar td>span{
            width: 0.65rem;
            height: 0.65rem;
            line-height: 0.65rem;
        }
    }
    .point_record{
        span{
            &.date{
                width:30%;
            }
            &.content{
                width:50%;
            }
            &.extra{
                text-align:right;
                width:20%;
                vertical-align: middle;
                display: inline-block;
            }
        }
        strong{
            display:block;
            margin-bottom: 0.125rem;
            @include fz(18px);
        }
        em{
            display:block;
            color: #808080;
            @include fz(14px);
        }
    }

}